@charset "utf-8";
*, :after, :before{margin: 0;padding: 0;font-style: normal;list-style: none}
body, html{width: 100%;height: 100%}
body{font-size: 14px;color: #666;font-family: "Microsoft YaHei", SimSun, "Helvetica Neue", Arial, Helvetica, sans-serif;min-width: 1200px}
.content{width: 1200px;margin: 0 auto;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td{/* table elements 表格元素 */ margin: 0; padding: 0;}
/*设置浮动*/
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clear{clear: both;height: 0;}
a{color: #666;text-decoration: none;cursor: pointer;word-wrap:break-word;outline: 0;}
a:active{outline: 0}
a:hover{outline: 0;color: #b60103;text-decoration: none}
table{border-collapse: collapse;border-spacing: 0;margin: auto}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: 400}
em, i{font-style: normal}
img{vertical-align: middle}
input, select, textarea{font-family: "Microsoft YaHei", simsun, "Helvetica Neue", Arial, Helvetica, sans-serif}
textarea{overflow: auto}
button:focus, input:focus, select:focus, textarea:focus{outline: 0}
input::-ms-clear{display:none}
.clear:after, .clearfix, .container:after{width: 100%;clear: both;line-height: 0;display: block;overflow: hidden;zoom: 1;font-size: 0;content: '.'}
.container{width: 1200px;margin: 0 auto;}
.fixed{position: fixed;top: 0;z-index: 999;}
.nav.fixed{ margin-top: 148px;}

/*头部*/
.header{ width: 100%; background: #fff; overflow: hidden;}
.header .top{background: #f5f5f5;border-bottom: 1px solid #eee;font-size: 12px;height: 36px;line-height: 36px;color: #888}
.header .top .welcome{float: left}
.header .top .href{float: right}
.header .top a{color: #888;padding: 0 5px}
.header .top a:hover{color: #b60103}
.header .tel{float: right;position: relative;padding: 0 0 0 55px;line-height: 1.3;margin-top: 18px}
.header .tel b{font-size: 24px;color: #b60103}
.header .tel .iconfont{position: absolute;left: 0;top: -5px;font-size: 46px}
.header>.container{padding: 15px 0}
.header .logo{float: left}
.header .logo a{ display: inline-block; }
.header .logo img{height: 81px;width: auto}
.header .logoinfo{float: left;background: url(../images/head_line.png) left center no-repeat;height: 81px;padding: 0 0 0 20px;margin: 0 0 0 20px;font-size: 16px}
.header .logoinfo .bold{font-weight: 700;font-size: 22px;padding: 12px 0 10px 0}
.header .logoinfo span{color: #b60103}

/*导航*/
.nav{width: 100%;height: 50px;line-height: 50px;background: #b60103;}
.nav li{float: left;background: url(../images/nav_line.png) left center no-repeat;padding-left: 3px;position: relative;z-index: 999}
.nav li>a{display: block;overflow: hidden;font-size: 16px;color: #fff;padding: 0 33px}
.nav li .sub{display: none;position: absolute;left: 0;min-width: 100%;white-space: nowrap;text-align: center}
.nav li:first-child{padding-left: 0;background: 0 0}
.nav li.on a, .nav li:hover a{background: #950203;color: #fff}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden}
.banner a{display: block;overflow: hidden;width: 100%;height: 550px;background-position: center top;background-repeat: no-repeat}
.banner .banner_next, .banner .banner_prev{top: 50%;width: 40px;line-height: 70px;margin-top: -35px;position: absolute;color: #fff;background: rgba(0,0,0,.4);font-size: 30px;text-align: center;z-index: 5;transition: all .7s;cursor: pointer;outline: 0;opacity: 0}
.banner .banner_next:hover, .banner .banner_prev:hover{color: #fff;background: rgba(0,0,0,.7)}
.banner .banner_next{right: 2%}
.banner .banner_prev{left: 2%}
.banner .swiper-pagination-bullets{bottom: 15px;position: absolute;z-index: 5;text-align: center}
.banner:hover .banner_next, .banner:hover .banner_prev{opacity: 1}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 44px;height: 7px;border-radius: 10px;cursor: pointer;margin: 0 6px;background: 0 0;opacity: 1;background: rgba(162,162,162,.8)}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #b60103}

/*首页搜索*/
.search{width: 100%;overflow: hidden;padding: 10px 0;box-shadow: 0 0 10px #eee}
.search .key{float: left;line-height: 30px;height: 30px;overflow: hidden;width: 900px}
.search .key dt{float: left;font-weight: 700;color: #b60103}
.search .key dd{float: left;margin-right: 10px}
.search .key dd a{color: #888}
.search .key dd a:hover{color: #b60103}
.search .box{float: right}
.search .box input[type=text]{width: 200px;height: 30px;border: 1px solid #eee;padding: 0 10px;float: left}
.search .box input[type=submit]{width: 50px;height: 32px;background: #b60103;color: #fff;border: 0;float: left;cursor: pointer;transition: all .7s}

/*首页产品*/
.in_pro{width: 100%;overflow: hidden;padding: 40px 0 50px 0;    background: #f2f2f2 url(../images/jz_bg.gif) repeat-x;}
.in_pro .cate{float: left;width: 240px;background: #fff;box-shadow: 0 0 20px #ddd}
.in_pro .cate .tit{display: block;overflow: hidden;text-align: center;color: #fff;padding: 20px 0;background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #b60103, #ea3516);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516)}
.in_pro .cate .tit span{display: block;overflow: hidden;font-size: 24px;padding: 0 0 5px 0}
.in_pro .cate .tit em{text-transform: uppercase;font-family: deckerregular;font-size: 12px}
.in_pro .cate ul li>a{display: block;overflow: hidden;line-height: 59px;padding: 0 0 0 75px;font-size: 16px;background: -webkit-linear-gradient(right, #fff, #f5f5f5);background: -moz-linear-gradient(right, #fff, #f5f5f5);background: -o-linear-gradient(right, #fff, #f5f5f5);background: linear-gradient(right, #fff, #f5f5f5);border-bottom: 1px dotted #ddd}
.in_pro .cate ul li.on>a, .in_pro .cate ul li:hover>a{background: rgba(182,1,3,.8);color: #fff}
.in_pro .cate .tel{height: 109px;overflow: hidden;padding: 5px 25px}
.in_pro .cate .lianxi{display: block;overflow: hidden;text-align: center;color: #fff;padding: 30px 0;background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #b60103, #ea3516);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516)}
.in_pro .cate .lianxi span{display: block;overflow: hidden;font-size: 24px;padding: 0 0 5px 0}
.in_pro .cate .lianxi em{text-transform: uppercase;font-family: deckerregular;font-size: 12px}
.in_pro .cate .tel li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;padding: 10px 0 0 0;line-height: 1;color: #888;font-size: 13px}
.in_pro .cate .tel li .iconfont{font-size: 40px;margin-right: 5px;color: #b60103}
.in_pro .cate .tel li em{display: block;overflow: hidden;color: #b60103;font-size: 18px;padding: 5px 0 0 0}
.in_pro .box{float: right;width: 930px}
.in_pro .box .tab{height: 44px;line-height: 44px;background: -webkit-linear-gradient(bottom, #fff, #eee);background: -moz-linear-gradient(bottom, #fff, #eee);background: -o-linear-gradient(bottom, #fff, #eee);background: linear-gradient(bottom, #fff, #eee);border: 1px solid #eee;border-top: 0;position: relative;margin-bottom: 15px}
.in_pro .box .tab li{float: left;margin-right: 5px}
.in_pro .box .tab li a:first-child{background: -webkit-linear-gradient(bottom, #fff, #ccc);background: -moz-linear-gradient(bottom, #fff, #ccc);background: -o-linear-gradient(bottom, #fff, #ccc);background: linear-gradient(bottom, #fff, #ccc);display: block;overflow: hidden;padding: 0 25px;font-size: 16px}
.in_pro .box .tab li .more{position: absolute;right: 10px;top: 0;text-transform: uppercase;color: #888;font-size: 12px}
.in_pro .box .tab li .more:hover{color: #ea3516}
.in_pro .box .tab li.on a:first-child{background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #b60103, #ea3516);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516);color: #fff}
.in_pro .box .xun ul{margin: -10px;overflow: hidden}
.in_pro .box .xun ul li{float: left;width: 296px;margin: 10px;box-shadow: 0 0 5px #ccc;text-align: center; background: #fff;}
.in_pro .box .xun ul li .cs{padding: 10px 0 15px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center}
.in_pro .box .xun ul li .cs a{display: block;overflow: hidden;font-size: 12px;margin: 0 15px;background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #b60103, #ea3516);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516);color: #fff;line-height: 30px;padding: 0 15px}
.in_pro .box .xun ul li .cs a:last-child{background: -webkit-linear-gradient(bottom, #ea3516, #ea3516);background: -moz-linear-gradient(bottom, #ea3516, #ea3516);background: -o-linear-gradient(bottom, #ea3516, #ea3516);background: linear-gradient(bottom, #ea3516, #ea3516)}
.in_pro .box .xun ul li .cs a:hover{opacity: .8}
.in_pro .box .xun ul li .pic{ position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 296px; height: 210px;overflow: hidden;}
.in_pro .box .xun ul li .pic img{vertical-align: middle; max-width: 296px; max-height: 210px; width: auto; height: auto;}
.in_pro .box .xun ul li .bt{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 15px}

.in_pro .box .xun ul li .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;background-color:#000;background-repeat:no-repeat;background-position:center center}
.in_pro .box .xun ul li:hover .layer {opacity:0.5;background-color:#000;background-repeat:no-repeat;background-position:center center}
.in_pro .box .xun ul li .layer{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.in_pro .box .xun ul li:hover .layer{ transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; }
/* .nyIcon{  width: 50px; height: 50px; display: block; margin: 80px auto; background-image: url(../images/chakan.png);} */

/*首页公共标题*/
.in_tit{overflow: hidden;text-align: center;padding: 0 0 30px 0}
.in_tit span{font-size: 30px;color: #333}
.in_tit em{font-size: 18px;display: block;overflow: hidden;text-transform: uppercase;letter-spacing: 3px;padding: 10px 0 8px 0}
.in_tit p{display: inline-block;position: relative;color: #888}
.in_tit p:after, .in_tit p:before{content: "";width: 34px;height: 2px;background: #b60103;position: absolute;top: 50%;margin-top: -1px}
.in_tit p:before{left: -54px}
.in_tit p:after{right: -54px}
.in_box{width: 100%;overflow: hidden;padding: 50px 0}
.in_bj{background: #f5f5f5}

/*按钮 start*/
.set_button{position:relative;overflow:hidden;position:relative;z-index:0;cursor:pointer;}
.set_button2raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0%}
100%{width:100%}
}@-moz-keyframes anim-in{0%{width:0%}
100%{width:100%}
}@-ms-keyframes anim-in{0%{width:0%}
100%{width:100%}
}@keyframes anim-in{0%{width:0%}
100%{width:100%}
}@-webkit-keyframes anim-in-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@-moz-keyframes anim-in-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@-ms-keyframes anim-in-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@keyframes anim-in-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-moz-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-ms-keyframes anim-out{0%{width:0%}
100%{width:100%}
}@keyframes anim-out{0%{width:0%}
100%{width:100%}
}@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@-moz-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@-ms-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,0.25)}
100%{background:transparent}
}
/*按钮 end*/
  
/*首页服务流程*/
.items-steps{background-color:#fff; width: 100%; overflow: hidden; padding: 40px 0 50px 0;}
.items-steps .items-block{height:212px;position:relative;margin:40px 0 30px}
.img-block{margin:0 auto;display:block}
.img-block img{display:block;margin:0 auto;max-width:100%}
.items-steps .item{position:absolute;top:0;width:156px;height:76px;cursor: pointer;background-color:#fefefe;border-radius:5px;transform:translateX(-78px);z-index:1;box-shadow:0 0 5px 2px rgba(135,135,135,.15);backface-visibility:hidden}
.items-steps .item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fefefe;border-radius:5px;z-index:-1}
.items-steps .item:after{content:"";position:absolute;width:15px;height:15px;left:50%;bottom:-7px;box-shadow:0 0 5px 2px rgba(135,135,135,.15);background-color:#fefefe;z-index:-2;transform:translateX(-50%) rotateZ(135deg)}
.items-steps .item.cur{margin-top:-10px}
.items-steps .item.even{top:auto;bottom:0}
.items-steps .item.even:after{top:-7px;bottom:auto}
.items-steps .item.even.cur{margin-bottom:-10px}
.items-steps .img-block{width:70px;height:70px;border-radius:50%;background-color:#fff;margin-top:-35px;position:relative;transition-duration:1s}
.items-steps .img-block:before{content:"";width:100%;height:100%;box-shadow:0 0 5px 2px rgba(135,135,135,.15);position:absolute;z-index:-2;border-radius:50%;left:0;top:0}
.items-steps .img-block img{position:relative;top:50%;transform:translateY(-50%)}
.items-steps .item:hover .img-block{transform:rotateZ(360deg)}
.items-steps .item-title{font-size:18px;text-align:center;margin-bottom:10px}
.items-steps .item-p{color:#999;text-align:center;margin-bottom:5px}
.items-steps .item.even .item-title{margin-top:15px}
.items-steps .item.even .img-block{margin:0 0 0 -35px;position:absolute;left:50%;bottom:-35px}
.items-steps .item-col2{width:267px;transform:translateX(-133.5px)}
.items-steps .item-col2 .flex-row{justify-content:space-around;display:flex;flex-direction:row;align-items:center}
.items-steps .item-col2 .item-p{text-align:left}
.items-steps .steps-block{position:absolute;height:24px;width:100%;top:50%;left:0;transform:translateY(-50%)}
.items-steps .steps-block:before{content:"";position:absolute;width:99.4%;height:8px;background-color:#e9e9e9;border-radius:2px;left:0;top:50%;transform:translateY(-50%)}
.items-steps .steps-block:after{content:"";position:absolute;width:26px;height:38px;background:url(../images/items-steps-arrow.png) no-repeat center;right:0;top:50%;transform:translateY(-50%)}
.items-steps .step{position:absolute;width:24px;height:24px;background-color:#fff;border-radius:50%;transform:translateX(-12px);box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
.items-steps .step:before{content:"";position:absolute;width:10px;height:10px;background-color:#b60103;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}
.items-steps .step.cur:before{width:100%;height:100%}
.rollInLeft{animation-name:rollInLeft}
.rollInLeft1{animation-name:rollInLeft1}
@keyframes rollInLeft{0%{opacity:0;transform:translateX(-100%) rotateY(-180deg)}
100%{opacity:1;transform:translateX(-78px) rotateY(0)}
}
@keyframes rollInLeft1{0%{opacity:0;transform:translateX(-100%) rotateY(-180deg)}
100%{opacity:1;transform:translateX(-133.5px) rotateY(0)}
}

.items-step .item i{ display: inline-block; width: 0px; height: 1px; background: #b60103; vertical-align: middle;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.items-steps .item:hover i{ width: 15px;margin-right: 5px;}
.items-steps .item:hover .item-title{ color: #b60103!important;}

/*首页案例*/
.case_bg{background:#f2f2f2 url(../images/jz_bg.gif) repeat-x;height: 832px; padding:55px 0 0;overflow: hidden;}
.case_t{height: 125px;text-align: center;}
.case_t a{font-size: 30px;color: #333;-webkit-transition:transform .3s;transition:transform .3s; display:block;line-height: 30px; background:url(../images/jz_line.png) no-repeat center 38px;height: 100px;}
.case_t i{display: block;font-size: 18px;font-weight: normal; padding:30px 0 0;}
.case_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.case_l{width: 298px;background: #fff;box-shadow: 0 3px 5px 3px #e6e6e6; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid;}
.case_l ul li{width: 149px;height: 81px;float: left;}
.case_l ul li em{display: block;width: 30px;height: 30px;overflow: hidden; margin:0 auto; padding:12px 0 3px;}
.case_l ul li em img{width: 30px;height: 60px;}
.case_l ul li a{font-size: 14px;color: #333;display: block;float: left;width: 148px;height: 80px;text-align: center; border-bottom:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid;}
.case_l ul li a:hover{color: #fff;background: #b60103; border-bottom:#b60103 1px solid; border-right:#b60103 1px solid;}
.case_l ul li a:hover em img{margin-top:-30px;}
.case_r{width: 780px;height: 403px;background: #fff;box-shadow: 0 3px 5px 3px #e6e6e6; border:#e6e6e6 1px solid;position: relative;padding: 0 43px;}
.case_m{overflow: hidden;height: 345px;}
.case_lico,.case_rico{position: absolute;width: 23px;top: 50%;margin-top: -17px;cursor: pointer;}
.case_lico{left: 10px;}
.case_rico{right: 10px;}
.case_lico a{background:url(../images/jz_lico01.png) no-repeat;display: block;width: 23px;height: 35px;}
.case_lico a:hover,.jz_lico a:hover{background:url(../images/jz_lico02.png) no-repeat;}
.case_rico a{background:url(../images/jz_rico01.png) no-repeat;display: block;width: 23px;height: 35px;}
.case_rico a:hover,.jz_rico a:hover{background:url(../images/jz_rico02.png) no-repeat;}
.case_r dl{width: 780px; display:inline-block; padding:45px 0 0;}
.case_r dl dt{width: 400px;height: 300px;float: left;overflow: hidden;}
.case_r dl dt img,.pro_r dl dt img,.jz dl dt img,.about dl dt img,.wd dt img{width: 400px;height: 300px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.pro_r dl dt img:hover,.jz dl dt img:hover,.about dl dt img:hover,.wd dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dd{width: 360px;float: left; padding:10px 0 0 20px;}
.case_r dl dd h5{height: 40px;line-height: 40px;font-size: 18px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r dl dd h5 a{font-size: 18px;color: #333;}
.case_r dl dd h5 a:hover{color: #b60103;}
.case_r .case_desc{font-size: 14px;color: #666;line-height: 26px;overflow: hidden;}
.case_r .case_desc p{padding:5px 0 0;}
.case_r dl dd span,.about dl dd em{display: block; padding:20px 0 0;}
.case_r dl dd span a,.ban01 p em a,.ys_bot em a,.about dl dd em a{display: block;font-size: 14px;color: #fff;width: 140px;height: 40px;text-align: center;line-height: 40px;background: #b60103;overflow: hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.case_r dl dd span a:hover,.pro_r dl dd span a:hover,.ban01 p em a:hover,.ys_bot em a:hover,.about dl dd em a:hover{background: #d41c09; animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*首页案例轮播*/
.hz{padding:15px 0 0;}
.hz p,.pro_m p{width: 14px;height: 43px;position: absolute;top: 105px;z-index: 10;}
.hz p a,.pro_m p a{display: block;width: 14px;height: 43px;}
.hz_lico,.cp_lico{left: 0;}
.hz_rico,.cp_rico{right: 0;}
.hz_lico a,.cp_lico a{background:url(../images/hz_lico01.gif) no-repeat;}
.hz_lico a:hover,.cp_lico a:hover{background:url(../images/hz_lico02.gif) no-repeat;}
.hz_rico a,.cp_rico a{background:url(../images/hz_rico01.gif) no-repeat;}
.hz_rico a:hover,.cp_rico a:hover{background:url(../images/hz_rico02.gif) no-repeat;}
.hz_m ul li{width: 280px;float: left; margin:10px 20px 0 0;overflow: hidden;}
.hz_m ul li img{width: 280px;height: 210px;box-shadow: 0 3px 5px 3px #e6e6e6;}
.hz_m ul li span{font-size: 14px;color: #333; width:280px; display:block; text-align:center; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*首页小banner*/
.in_heng{width: 100%;overflow: hidden;background: url(../images/bj_incont.jpg) center top no-repeat;height: 216px;color: #fff}
.in_heng .left{float: left;font-size: 24px;line-height: 2;padding: 40px 0 0 0;letter-spacing: 2px}
.in_heng .left .bt{font-size: 36px}
.in_heng .left span{color: #b60103;}
.in_heng .right{float: right;text-align: right;padding: 40px 0 0 0}
.in_heng .right .tel{font-size: 30px;padding: 15px 0 20px 0;text-shadow: 0 0 1px #000}
.in_heng .right a{color: #fff;display: block;overflow: hidden;width: 200px;line-height: 40px;text-align: center; border:solid #fff 1px; border-radius: 5px; float: right; box-shadow: 0 1px 1px 1px #183852;}

/*首页优势*/
.auto-box{width:100%;height:auto;padding:40px 0 100px;background:#fff}
.main-box{max-width:1200px;height:auto;margin:0 auto}
.index-tit{padding:40px 0 60px;text-align:center}
.index-tit h1{ font-size:30px; color:#363f45; font-weight:normal; letter-spacing: 8px;}
.index-tit p{ font-size:16px; color:#abb0b4; padding-top:15px; text-transform: uppercase;}
.index-tserver{width:100%;background:url('../images/360server-line.png') no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-0.1%}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#b10103,#b60103);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:1s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}
50%{opacity:1}
}

.free-content{-webkit-box-sizing: border-box; box-sizing: border-box; max-height: 394px; padding: 45px 10px 50px; background-size: cover; position: relative;}
.free-inner{margin: 0 auto; width: 100%; max-width: 1200px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px; position: relative; z-index: 2;}
.free-title{margin-bottom: 40px;}
.free-title h3{text-align: center; font-size:30px; color: #333; font-weight: 400; line-height: 1.5;}
.free-content .index-tit{ padding: 0 0 20px 0;}
.free-text{text-align: center; font-size: 16px; line-height: 2.5;}
.free-text a{color: #b60103;}
.free-button{text-align: center; padding-top: 35px;}
.free-button a{min-width: 140px; padding: 0 20px; background-color: #b60103; color: #fff; text-align: center; display: inline-block; cursor: pointer; outline: 0; box-sizing: border-box; width: 220px; height: 45px; line-height: 45px; font-size: 16px;}
.free-button a:hover{background-color: #d41c09;}
.free-background{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/free001.jpg) top center no-repeat #f7f8fa; background-size: cover;}
.free-content .free-background{background-image: url(../images/free002.png);}

/*首页关于我们*/
.in_about{background: url(../images/bj_inabout.jpg) center top no-repeat;margin-bottom: -125px;position: relative;z-index: 1}
.in_about .in_tit{background: rgba(255,255,255,.5);max-width: 400px;margin: 0 auto;padding: 30px;margin-bottom: 30px}
.in_about .container{background: #fff;padding: 50px 0;overflow: hidden;box-shadow: 0 0 20px #ddd}
.in_about .video{float: left;margin-left: 50px;background: #000}
.in_about .video video{width: 450px;height: 320px;float: left}
.in_about .video video::-internal-media-controls-download-button{display:none}
.in_about .video video::-webkit-media-controls-enclosure{overflow:hidden}
.in_about .video video::-webkit-media-controls-panel{width:calc(107%)}
.in_about .box{margin-right: 50px;background: #fafafa;overflow: hidden;width: 580px;height: 320px;padding: 0 35px;float: right;line-height: 2;color: #888}
.in_about .box .info{height: 228px;overflow: hidden;margin: 25px 0 10px 0;text-align: justify}
.in_about .box strong{color: #b60103;font-size: 16px}
.in_about .box .more{float: left;display: block;overflow: hidden;color: #b60103;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center}
.in_about .box .more .iconfont{font-size: 18px;margin-right: 5px}
.in_about .box .more:hover{color: #d41c09}

/*首页资质+环境*/
.in_gsry .tab{overflow: hidden;text-align: center;padding: 0 0 25px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;position: relative;z-index: 2}
.in_gsry .tab ul li{float: left}
.in_gsry .tab ul li a{display: block;overflow: hidden;line-height: 44px;background: #ecebe8;font-size: 16px;padding: 0 30px}
.in_gsry .tab ul li.on a{background: #b60103;color: #fff}
.in_gsry .xun ul li{width: 268px;float: left;overflow: hidden;background: #fff;margin: 0 16px}
.in_gsry .xun ul li .pic{display: table-cell;vertical-align: middle;text-align: center;width: 268px;height: 215px;overflow: hidden;}
.in_gsry .xun ul li .pic img{vertical-align: middle;max-width: 268px;max-height: 215px;width: auto;height: auto;transition: all 0.6s;}
.in_gsry .xun ul li .bt{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;line-height: 40px}
.in_gsry .xun ul li:hover .pic img{transform: scale(1.1)}
.in_gsry .xun ul li:hover .bt{background: #b60103;color: #fff}
.in_gsry .but{overflow: hidden;text-align: center;padding: 30px 0 0 0;font-size: 16px;line-height: 44px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center}
.in_gsry .but a{background: #b60103;color: #fff;padding: 0 35px}
.in_gsry .but a:hover{background: #b60103}
.in_gsry .but span{padding: 0 25px;background: #b60103;color: #fff;margin-left: 10px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center}
.in_gsry .but i{font-size: 24px;margin-right: 10px}

/*首页新闻*/
.in_synews .tab{overflow: hidden;text-align: center;padding: 0 0 25px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;position: relative;z-index: 2}
.in_synews .tab li a{display: block;overflow: hidden;line-height: 44px;background: #fff;font-size: 16px;padding: 0 50px; margin: 0 5px;border-radius: 5px;}
.in_synews .tab li.on a{background: #b60103;color: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.in_synews .tab li{float: left}
.in_synews .one { float: left; width: 400px; margin-right: 10px;}
.in_synews .one a {width: 400px;height: 470px; padding: 40px 20px; background-color: #fff; overflow: hidden;display: block;position: relative;box-sizing: border-box;}
.in_synews .one a img {transform: scale(1);transition: all .4s;width: 100%; height: 240px; display: block; border: 1px solid #eee;}
.in_synews .one .news-title {width: 100%;color: #999; padding-top: 20px;}
.in_synews .one .news-title h5 {font-size: 18px; color: #484848; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.in_synews .one .news-title p {padding-top: 10px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in_synews .one .news-title h3 {padding-top: 15px;font-size: 32px;font-weight: 700;color: #999;}
.in_synews .one .news-title h3:after {content: " ";display: block;border-bottom: none;width: 0;margin: 0;}
.icon-news {background: url(../images/icon.png) no-repeat;width: 15px;height: 15px; top: 50%; margin-top: 180px; display: inline-block;opacity: 1;filter: alpha(opacity=100);position: absolute;right: 30px;bottom: 2px;}
.in_synews .one a:hover img {transform: scale(1.05);}
.in_synews .one a:hover .icon-news {background-position: 0 -17px;}
.in_synews .one a:hover .news-title h5{ color: #b60103;}
.in_synews .two {float: left;width: 390px;margin-right: 10px;height: 470px;overflow: hidden;}
.in_synews .two a {padding: 30px; height: 175px; margin-bottom: 10px;display: block;overflow: hidden;position: relative;background: #fff;}
.in_synews .two a:hover {box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);}
.in_synews .two .top {width: 100%;float: initial;padding-left: 0;}
.in_synews .two .top h5 {font-size: 16px;color: #484848; height: 42px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in_synews .two .top div.p {border-bottom: 1px solid #eeeeee;padding-bottom: 24px;}
.in_synews .two .top div.p p {padding-top: 10px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.in_synews .two .top img {position: absolute;top: 50%;right: 67px;margin-top: 72px;}
.in_synews .two .bottom {width: 100%;float: initial;border-right: none;}
.in_synews .two .bottom h3 {padding-top: 15px;font-size: 32px;font-weight: 700;color: #999;}
.in_synews .two .bottom h3:after {content: " ";display: block;border-bottom: none;width: 0;margin: 0;}
.in_synews .two .bottom span {font-size: 16px;display: block;color: #999; padding-top: 20px;}
.in_synews .three {float: left;width: 390px;height: 470px;overflow: hidden;}
.in_synews .three a {padding: 14px 20px; margin-bottom: 10px;display: block;background: #fff;overflow: hidden;}
.in_synews .three a .left {width: 26%;border-right: 1px solid #eeeeee;float: left;}
.in_synews .three a .left h3 {font-size: 32px;color: #999;font-weight: 700;}
.in_synews .three a .left h3:after {content: " ";display: block;border-bottom: 1px solid #ccc;width: 20px;margin: 10px 0;}
.in_synews .three a .left span {font-size: 14px;display: block;color: #999;}
.in_synews .three a .right {width: 63%;padding-left: 25px;float: left;}
.in_synews .three a .right h5 {font-size: 16px;color: #484848;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in_synews .three a .right img {padding-top: 20px}
.in_synews .three a:hover {box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);}

.in_synews .two i,.in_box .three i { display: inline-block; width: 0px; height: 1px; background: #b60103; vertical-align: middle;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.in_synews .two a:hover i,.in_box .three a:hover i{ width: 15px;margin-right: 5px;}
.in_synews .two a:hover h5,.in_box .three a:hover h5{ color: #b60103!important;}


/*友情链接*/
.in_link{overflow: hidden;width: 100%;padding: 20px 0 0 0}
.in_link .tit{overflow: hidden;color: #fff;font-size: 16px;float: left;background: #b60103;padding: 5px 20px}
.in_link .tit span{font-size: 18px;padding: 0 5px 0 0}
.in_link .tit em{color: #ea3516;text-transform: uppercase}
.linklink{width: 1200px;margin: 0 auto;padding-bottom: 20px;line-height: 24px}
.linklink a{padding-right: 5px}
.in_link ul{width: 100%;overflow: hidden;background: #fafafa;padding: 10px}
.in_link ul li{padding: 0 10px;float: left;line-height: 24px}
.in_link ul li a{display: block;overflow: hidden;color: #888}
.in_link ul li a:hover{color: #b60103}

/*底部版权*/
footer{width: 100%;overflow: hidden;padding: 30px 0;background: -webkit-linear-gradient(bottom, #b60103, #dc0b0e); background: -moz-linear-gradient(bottom, #b60103, #dc0b0e); background: -o-linear-gradient(bottom, #b60103, #dc0b0e); background: linear-gradient(bottom, #b60103, #dc0b0e);}
footer .logo{height: 150px;margin: 0 30px 0 60px;width: 250px;float: left;position: relative;overflow: hidden}
footer .logo img{width: 220px;height: 150px}
footer .logo:before{width: 1px;position: absolute;top: 6px;bottom: 6px;right: 0;background: #eee;content: ""}
footer .ewm{float: right;margin-right: 60px}
footer .ewm li{float: left;margin-left: 25px;text-align: center}
footer .ewm li img{width: 110px;height: 110px;padding: 4px;border: 1px dotted #d7d7d7;margin-bottom: 5px}
footer .ewm li:first-child{margin-left: 0}
footer .ewm li p{ color: #fff;}
footer .copy{width: 495px;float: left;overflow: hidden;line-height: 30px;color: #fff;}
footer .copy a{color: #fff;}
footer .copy .icp{color: #fff}
footer .copy .icp a{color: #fff}
.onetext{clear: both;padding: 20px 0 0;text-align: center;color: #fff}
.onetext a{color: #fff}

/*客服*/
.toolbar{position: fixed;top: 50%;right: 1%;z-index: 999;margin-top: -115px;width: 52px;}
.toolbar dd{position: relative;margin-top: 4px;margin-bottom: 1px;width: 51px;height: 51px;border: #ebebeb solid 1px;-webkit-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;border-radius: 100%;background-color: #fff;}
.toolbar dd i{position: absolute;top: 0;left: 0;display: block;width: 51px;height: 51px;-webkit-border-radius: 100%;border-radius: 100%;text-align: center;cursor: pointer;}
.toolbar dd i span{display: block;margin: 8px 0 0 8px;width: 35px;height: 35px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{position: absolute;top: -1px;right: -2px;display: block;overflow: hidden;padding: 0 0 0 53px;width: 0;height: 53px;-webkit-border-radius: 50px;border-radius: 50px;color: #fff;font-weight: 700;font-size: 24px;font-family: arial;line-height: 53px;}
.toolbar .pop{position: absolute;top: -65px;right: 90px;display: none;background: #b60103;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{display: block;padding: 20px 20px 0;width: 120px;height: 120px;}
.toolbar .pop-code h3{height: 52px;color: #fff;text-align: center;white-space: nowrap;font-weight: 400;font-size: 16px;line-height: 26px;}
.toolbar .pop-code h3 b{display: block;font-weight: 400;font-size: 14px;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{display: block;width: 52px;height: 52px;cursor: pointer;}
.toolbar .qq:hover{border-radius: 100%;background-color: #b60103;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #b60103;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{border-radius: 100%;background-color: #b60103;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{border-radius: 100%;background-color: #b60103;}
.toolbar .top:hover span{background-position: 0 -142px;}

/*内页通用*/
.main{ width: 100%; padding: 5px 0 30px 0; overflow: hidden}
.main .fl{ float: left}
.main .fr{ float: right}
.main .main_da { width: 940px; overflow: hidden}

/*内页左侧*/
.main .main_xiao{ width: 230px; overflow: hidden;}
.main .main_bor{ border: 1px solid #efefef; overflow: hidden; margin-top: 10px;}
.main .main_bor .btit{text-align: center;overflow: hidden;line-height: 50px;color: #fff;background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516);font-size: 18px}

.main .procate li>a{display: block;overflow: hidden;line-height: 44px;padding: 0 0 0 25px;background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);background: -moz-linear-gradient(right, #fafafa, #f0f0f0);background: -o-linear-gradient(right, #fafafa, #f0f0f0);background: linear-gradient(right, #fafafa, #f0f0f0);border-bottom: 1px dotted #ddd}
.main .procate li>a:hover{ color: #fff; background: #ea3516;}
.main .procate li.on>a{ color: #fff; background: #ea3516;}

.main .contbox{ background: url(../images/contleft.jpg) center top no-repeat; padding: 105px 15px 5px 15px; overflow: hidden}
.main .contbox dt{ color: #b60103;font-weight: 700;padding: 0 0 8px 0}
.main .contbox dt{ color: #b60103; font-weight: 700; padding: 0 0 8px 0;}
.main .contbox dd{ border-top: 1px dotted #ddd; padding: 8px 0 8px 45px; position: relative; overflow: hidden; font-size: 12px; line-height: 1.5;}
.main .contbox dd span{ position: absolute; left: 0; top: 8px; width: 45px;}

/*内页右侧*/
.main .position { overflow: hidden; border: 1px solid #efefef; border-left: 3px solid #b60103; padding: 8px 0 8px 10px; background: #fafafa;}
.main .main_pd{ padding: 20px; overflow: hidden; line-height: 2;}

/*单页内容*/
.pagebody p{ padding: 5px 0; font-size: 15px;}
.pagebody img{ max-width: 100%; height: auto;}

/*图片列表*/
.piclist{ overflow: hidden; margin: -10px}
.piclist li{ float: left; width: 284px; margin: 10px; overflow: hidden; border: 1px solid #eee;}
.piclist li .pic{ display: block; overflow: hidden; cursor: pointer;}
.piclist li .pic img{ object-fit: contain; width: 100%; height: 225px; transition: all .7s;}
.piclist li .pic img:hover{ transform: scale(1.1)}
.piclist li .bt{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 36px; line-height: 36px ;background: #f5f5f5; text-align: center; padding: 0 10px; font-size: 12px}
.piclist li .bt:hover{ background: #b60103; color: #fff}

/*图片新闻详情*/
.pagebt{ text-align: center; overflow: hidden; font-size: 20px; color: #333; border-bottom: 1px dashed #ddd; padding: 0 0 15px 0; margin-bottom: 10px; color: #b60103; line-height: 1.5;}
.pagecs{ display: flex; -webkit-justify-content: center; justify-content: center; overflow: hidden; color: #888; font-size: 12px; padding: 5px 0 15px 0; line-height: 1.1; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox;}
.pagecs li{ padding: 0 10px;}
.botsxp{ overflow: hidden; width: 100%; line-height: 24px; font-size: 12px; background: #f5f5f5; margin: 15px 0 0 0; border-radius: 5px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center}
.botsxp div{ padding: 10px; width: 600px; overflow: hidden;}

.nyimgxq img{ max-width: 65%;}

/*分页*/
#pages{ clear: both; margin: 40px auto 20px auto; padding-top: 10px; overflow: hidden; text-align: center; font-size: 14px;}
#pages a, #pages span{ display: inline-block; border: 1px solid #ccc; padding: 6px 15px; margin: 0 1px; line-height: 24px; background: #fff; color: #999; border-radius: 2px;}
#pages span, #pages a:hover{ display: inline-block; border: 1px solid #b60103; padding: 6px 15px; margin: 0 1px; background: #b60103; color: #fff;}

/*新闻列表*/
.newslist li{ background: #f5f5f5; margin-top: 10px; overflow: hidden; position: relative; padding: 20px 130px 20px 115px; cursor: pointer;}
.newslist li:first-child{ margin-top: 0}
.newslist li:hover{ background: rgba(234,53,22,.1)}
.newslist li p{ display: block; overflow: hidden; line-height: 22px; height: 44px}

.newslist li .date{ position: absolute; left: 20px; top: 20px; bottom: 20px; background: rgba(255,255,255,.5); width: 76px; text-align: center; line-height: 1.7}
.newslist li .date em{ display: block; overflow: hidden; font-weight: 700; padding: 7px 0 0 0; font-size: 20px;}
.newslist li .more{ position: absolute; top: 50%; right: 20px; width: 90px; line-height: 36px; margin-top: -15px; text-align: center; color: #fff; background: rgba(234,53,22,.8);}
.newslist li .more:hover{ background: #b60103}
.newslist li .bt{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; font-size: 16px}

/*表单*/
.form-group{ margin-bottom: 20px;}
.form-control{ display: block; width: 100%; height: 36px; padding: 6px 1%; font-size: 14px; line-height: 1.57142857; color: #76838f; background-color: #fff; background-image: none; border: 1px solid #dedede; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto;}
input, select, textarea{ font-family: "Microsoft YaHei", simsun, "Helvetica Neue", Arial, Helvetica, sans-serif;}
.btn-tj{ display: block; width: 100%; color: #fff; padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px; background-color: #f37404; border-color: #f37404; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

/*内页产品列表*/
.prolist{margin: -10px;overflow: hidden}
.prolist li{float: left;width: 286px;margin: 10px;box-shadow: 0 0 5px #ccc;text-align: center; background: #fff;}
.prolist li .cs{padding: 10px 0 15px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center}
.prolist li .cs a{display: block;overflow: hidden;font-size: 12px;margin: 0 15px;background: -webkit-linear-gradient(bottom, #b60103, #ea3516);background: -moz-linear-gradient(bottom, #b60103, #ea3516);background: -o-linear-gradient(bottom, #b60103, #ea3516);background: linear-gradient(bottom, #b60103, #ea3516);color: #fff;line-height: 30px;padding: 0 15px}
.prolist li .cs a:last-child{background: -webkit-linear-gradient(bottom, #ea3516, #ea3516);background: -moz-linear-gradient(bottom, #ea3516, #ea3516);background: -o-linear-gradient(bottom, #ea3516, #ea3516);background: linear-gradient(bottom, #ea3516, #ea3516)}
.prolist li .cs a:hover{opacity: .8}
.prolist li .pic{ position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 286px; height: 210px;overflow: hidden;}
.prolist li .pic img{vertical-align: middle; max-width: 286px; max-height: 210px; width: auto; height: auto;}
.prolist li .bt{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 15px}
.prolist li .layer {position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;background-color:#000;background-repeat:no-repeat;background-position:center center}
.prolist li:hover .layer {opacity:0.5;background-color:#000;background-repeat:no-repeat;background-position:center center}
.prolist li .layer{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.prolist li:hover .layer{ transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; }
/* .nyIcon{  width: 50px; height: 50px; display: block; margin: 80px auto; background-image: url(../images/chakan.png);} */

/*内页产品详情*/
.proview{ padding: 20px; overflow: hidden;}
.proview .ban{ width: 400px; float: left;}
.proview .ban .big{ border: 1px solid #d4d4d4; overflow: hidden;}
.proview .ban .big .swiper-slide{ cursor: pointer;}
.proview .ban .big img{ width: 100%; height: 298px; cursor: pointer;}
.proview .ban .big .iconfont{ position: absolute; right: 10px; bottom: 10px; font-size: 24px; opacity: .2;}
.icon-fdpic:before{ content: "\e792";}
.proview .ban .small{ margin: 10px 0 15px 0; overflow: hidden; position: relative; padding: 0 25px;}
.proview .ban .small .arrow-left{ left: 0;}
.proview .ban .small .arrow-left, .proview .ban .small .arrow-right{ position: absolute; top: 50%; z-index: 10; width: 20px; height: 40px; line-height: 40px; margin-top: -20px; font-size: 18px; text-align: center; cursor: pointer; outline: 0; z-index: 5;}
.icon-left:before{ content: "\e623";}
.proview .ban .small .arrow-right{ right: 0;}
.icon-right:before{ content: "\e600";}
.proview .ban .small .active-nav img{ border: 1px solid #ea3516;}
.proview .ban .small .swiper-slide{ cursor: pointer;}
.proview .ban .small .swiper-slide img{ width: 75px; height: 57px; padding: 2px; border: 1px solid #d4d4d4;}

.proview .box{ width: 440px; float: right; line-height: 2;}
.proview .box .bt{ border-bottom: 1px dashed #ddd; font-size: 18px; color: #ea3516; padding: 0 0 10px 0; font-weight: 700; margin-bottom: 12px; line-height: 1.5;}
.proview .box .but { box-shadow: 0 0 1px #ff0; border-radius: 3px; color: #fff; display: block; overflow: hidden; width: 120px; line-height: 40px; text-align: center; background: -webkit-linear-gradient(bottom, #ea3516, #f0592d); background: -moz-linear-gradient(bottom, #ea3516, #f0592d); background: -o-linear-gradient(bottom, #ea3516, #f0592d); background: linear-gradient(bottom, #ea3516, #f0592d);}

.tan_pic{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 9999; padding: 50px}
.tan_pic .box{ width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center}
.tan_pic .box img{ max-height: 100%; max-width: 100%}
.tan_pic .close{ width: 36px; height: 36px; position: absolute; right: 0; top: 0; background: #fff; cursor: pointer; box-shadow: 0 0 5px #ccc; transition: all .7s;}
.tan_pic .close:after, .tan_pic .close:before{ width: 18px; height: 1px; background: #666; position: absolute; left: 9px; top: 17px; content: ""; transform: rotate(45deg); transition: all .7s;}
.tan_pic .close:before{ transform: rotate(45deg)}
.tan_pic .close:after{ transform: rotate(-45deg)}
.tan_pic .close:hover{ background: #ea3516}
.tan_pic .close:hover:after, .tan_pic .close:hover:before{ background: #fff}
.tan_pic .close:hover:before{ transform: rotate(315deg)}
.tan_pic .close:hover:after{ transform: rotate(225deg)}

.proview .stit{ border-bottom: 2px solid #ea3516; overflow: hidden; margin-top: 20px;}
.proview .stit span{ display: block; overflow: hidden; padding: 0 15px; color: #fff; line-height: 32px; background: #ea3516; font-weight: 700; float: left; border-radius: 3px 3px 0 0;}